﻿<!DOCTYPE html>
<html lang="en">
<head th:replace="~{parts/head}">


<!-- page wrapper -->
<body>

    <div class="boxed_wrapper">

        <!-- preloader -->
        <div class="preloader"></div>
        <!-- preloader -->


        <!-- main header -->
        <header class="main-header style-three">

            <!-- header-lower -->
            <div class="header-lower">
                <div class="outer-box clearfix">
                    <div class="left-column">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/logo-3.png" alt=""></a></figure>
                        </div>
                        <div th:replace="~{parts/menu-area}">
                    </div>
                    <div class="right-column pull-right">
                        <div th:replace="~{parts/author-box}">
                    </div>
                </div>
            </div>

            <!--sticky Header-->
            <div class="sticky-header">
                <div class="auto-container">
                    <div class="outer-box">
                        <div class="logo-box">
                            <figure class="logo"><a href="/"><img src="../../images/small-logo.png" alt=""></a></figure>
                        </div>
                        <div class="menu-area">
                            <nav class="main-menu clearfix">
                                <!--Keep This Empty / Menu will come through Javascript-->
                            </nav>
                        </div>
<!--                        <div class="btn-box"><a href="register-page.html" class="theme-btn-one"><i class="icon-image"></i>Join Now</a></div>-->
                    </div>
                </div>
            </div>
        </header>
        <!-- main-header end -->

        <!-- Mobile Menu  -->
        <div class="mobile-menu">
            <div class="menu-backdrop"></div>
            <div class="close-btn"><i class="fas fa-times"></i></div>
            
            <nav class="menu-box">
                <div class="nav-logo"><a href="/"><img src="../../images/logo-2.png" alt="" title=""></a></div>
                <div class="menu-outer"><!--Here Menu Will Come Automatically Via Javascript / Same Menu as in Header--></div>
                <div class="contact-info">
                    <h4>Contact Info</h4>
                    <ul>
                        <li>Chicago 12, Melborne City, USA</li>
                        <li><a href="">+88 01682648101</a></li>
                        <li><a href="mailto:info@example.com">info@example.com</a></li>
                    </ul>
                </div>
                <div class="social-links">
                    <ul class="clearfix">
                        <li><a href="/"><span class="fab fa-twitter"></span></a></li>
                        <li><a href="/"><span class="fab fa-facebook-square"></span></a></li>
                        <li><a href="/"><span class="fab fa-pinterest-p"></span></a></li>
                        <li><a href="/"><span class="fab fa-instagram"></span></a></li>
                        <li><a href="/"><span class="fab fa-youtube"></span></a></li>
                    </ul>
                </div>
            </nav>
        </div><!-- End Mobile Menu -->


        <!--page-title-two-->
        <section class="page-title-two">
            <div class="title-box centred bg-color-2">
                <div class="pattern-layer">
                    <div class="pattern-1" style="background-image: url(../../images/shape/shape-70.png);"></div>
                    <div class="pattern-2" style="background-image: url(../../images/shape/shape-71.png);"></div>
                </div>
                <div class="auto-container">
                    <div class="title">
                        <h1>评价</h1>
                    </div>
                </div>
            </div>
            <div class="lower-content">
                <ul class="bread-crumb clearfix">
                    <li><a href="/">主页</a></li>
                    <li><a style="cursor: pointer" onclick="window.history.back(-1);">上一页</a></li>
                    <li>评价</li>
                </ul>
            </div>
        </section>
        <!--page-title-two end-->


        <!-- doctors-dashboard -->
        <section class="doctors-dashboard bg-color-3">
            <div class="left-panel">
                <div class="profile-box">
                    <div class="upper-box">
                        <figure class="profile-image"><img th:src="${doctor.icon}" alt=""></figure>
                        <div class="title-box centred">
                            <div class="inner">
                                <h3 th:text="${doctor.name}">Dr. Rex Allen</h3>
<!--                                <p>MDS - Periodontology</p>-->
                            </div>
                        </div>
                    </div>
                    <div class="profile-info">
                        <ul class="list clearfix">
                            <th:block th:replace="~{parts/doc-dash}"></th:block>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="right-panel">
                <div class="content-container">
                    <div class="outer-container">
                        <div class="review-list">
                            <div class="title-box clearfix">
                                <div class="text pull-left"><h3>评价列表</h3></div>
                                <div class="select-box pull-right">
                                    <select class="wide">
                                       <option data-display="任何时间">任何时间</option>
                                       <option value="1">最新</option>
                                       <option value="2">最旧</option>
                                    </select>
                                </div>
                            </div>
                            <div class="comment-inner">
                                <div class="single-comment-box" th:each="item:${reviews}">
                                    <div class="comment">
                                        <figure class="comment-thumb"><img th:src="${item.patientIcon}" alt=""></figure>
                                        <h4 th:text="${item.patientNm}">Terry Bradshaw</h4>
                                        <span class="comment-time"><i class="fas fa-calendar-alt"></i><span th:text="${item.formatReviewDate + ', ' + item.formatReviewTime}">15 Sep 2020, 09:30AM</span></span>
                                        <ul class="rating clearfix" th:with="level=${item.level}">
                                            <th:block th:if="${level > 0}" th:each="index:${#numbers.sequence(1, level)}">
                                                <li><i class="icon-Star"></i></li>
                                            </th:block>
                                            <th:block th:if="${level < 5}" th:each="index:${#numbers.sequence(1, 5-level)}">
                                                <li class="light"><i class="icon-Star"></i></li>
                                            </th:block>
                                        </ul>
                                        <p th:text="${item.content}">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ux tempor incididunt labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                                        <a href="review.html" class="replay-btn"><i class="fas fa-share"></i>回复</a>
                                    </div>
                                    <div class="comment replay-comment" th:if="${item.reply ne null}">
                                        <figure class="comment-thumb"><img src="../../images/resource/comment-2.png" alt=""></figure>
                                        <h4 th:text="${item.docNm}">Rex Allen</h4>
                                        <span class="comment-time"><i class="fas fa-calendar-alt"></i><span th:text="${item.patientNm}">14 Sep 2020, 09:30AM</span></span>
                                        <p th:text="${item.reply}">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod ux tempor incididunt labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commodo viverra maecenas accumsan lacus vel facilisis.</p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- doctors-dashboard -->


        <!-- main-footer -->
        <div th:replace="~{parts/main-footer}"></div>
        <!-- main-footer end -->


        <!--Scroll to top-->
        <button class="scroll-top scroll-to-target" data-target="html" onclick='location.href=("/message?targetId=6")'>
            <img src="../../images/robot-2.png">
        </button>
    </div>


    <script th:replace="~{parts/js}"></script>
    <script>
        $('#review').addClass("current");
        $('#doc_tab').addClass("current");
    </script>

</body><!-- End of .page_wrapper -->
</html>
